<div class="col-md-3 left_col">
	<div class="left_col scroll-view">
	            <div class="navbar nav_title" style="border: 0;">
	              <a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentelella Alela!</span></a>
	            </div>
	
	            <div class="clearfix"></div>
	
	            <!-- menu profile quick info -->
	            <div class="profile clearfix">
	              <div class="profile_pic">
	                <img src="/image/bao.jpg" alt="..." class="img-circle profile_img">
	              </div>
	              <div class="profile_info">
	                <span>Welcome,</span>
	                <h2>唐琳</h2>
	              </div>
	            </div>
	            <!-- /menu profile quick info -->

	            <br />
				<!-- sidebar menu -->
				            <div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
				              <div class="menu_section">
				                <h3>系统界面</h3>
				                <ul class="nav side-menu">
				                  <li><a href="javascript:void(0)"><i class="fa fa-home"></i> Home <span class="fa fa-chevron-down"></span></a>
				                  </li>
				                  <li><a><i class="fa fa-edit"></i> Account <span class="fa fa-chevron-down"></span></a>
				                    <ul class="nav child_menu">
										<li><a href="JavaScript:void(0)">Ptofolr</a></li>
										<li><a href="/account/user">User</a></li>
										<li><a href="JavaScript:void(0)">Roles</a></li>
										<li><a href="JavaScript:void(0)">Resources</a></li>
				                    </ul>
				                  </li>

				                  <li><a><i class="fa fa-desktop"></i>Test<span class="fa fa-chevron-down"></span></a>
				                    <ul class="nav child_menu">
				                     <li><a href="/test/thymeleaf">thymeleafTest</a>
				                        <li><a>Level One<span class="fa fa-chevron-down"></span></a>
				                          <ul class="nav child_menu">
				                            <li class="sub_menu"><a href="Javascript:void(0)">Level Two</a>
				                            </li>
				                            <li><a href="Javascript:void(0)">Level Two</a>
				                            </li>
				                            <li><a href="Javascript:void(0)">Level Two</a>
				                            </li>
				                          </ul>
				                        </li>
				                    </ul>
				                  </li>
				                  <!-- <li><a><i class="fa fa-table"></i> Tables <span class="fa fa-chevron-down"></span></a>
				                    <ul class="nav child_menu">
				                      <li><a href="tables.html">Tables</a></li>
				                      <li><a href="tables_dynamic.html">Table Dynamic</a></li>
				                    </ul>
				                  </li>
				                  <li><a><i class="fa fa-bar-chart-o"></i> Account<span class="fa fa-chevron-down"></span></a>
				                    <ul class="nav child_menu">
				                      <li><a href="chartjs.html">Chart JS</a></li>
				                      <li><a href="chartjs2.html">Chart JS2</a></li>
				                      <li><a href="morisjs.html">Moris JS</a></li>
				                      <li><a href="echarts.html">ECharts</a></li>
				                      <li><a href="other_charts.html">Other Charts</a></li>
				                    </ul>
				                  </li>
				                  <li><a><i class="fa fa-clone"></i>Layouts <span class="fa fa-chevron-down"></span></a>
				                    <ul class="nav child_menu">
				                      <li><a href="fixed_sidebar.html">Fixed Sidebar</a></li>
				                      <li><a href="fixed_footer.html">Fixed Footer</a></li>
				                    </ul>
				                  </li>
				                </ul>
				              </div>
				              <div class="menu_section">
				                <h3>Live On</h3>
				                <ul class="nav side-menu">
				                  <li><a><i class="fa fa-bug"></i> Additional Pages <span class="fa fa-chevron-down"></span></a>
				                    <ul class="nav child_menu">
				                      <li><a href="e_commerce.html">E-commerce</a></li>
				                      <li><a href="projects.html">Projects</a></li>
				                      <li><a href="project_detail.html">Project Detail</a></li>
				                      <li><a href="contacts.html">Contacts</a></li>
				                      <li><a href="profile.html">Profile</a></li>
				                    </ul>
				                  </li>
				                  <li><a><i class="fa fa-windows"></i> Extras <span class="fa fa-chevron-down"></span></a>
				                    <ul class="nav child_menu">
				                      <li><a href="page_403.html">403 Error</a></li>
				                      <li><a href="page_404.html">404 Error</a></li>
				                      <li><a href="page_500.html">500 Error</a></li>
				                      <li><a href="plain_page.html">Plain Page</a></li>
				                      <li><a href="login.html">Login Page</a></li>
				                      <li><a href="pricing_tables.html">Pricing Tables</a></li>
				                    </ul>
				                  </li>
				                  <li><a><i class="fa fa-sitemap"></i> Multilevel Menu <span class="fa fa-chevron-down"></span></a>
				                    <ul class="nav child_menu">
				                        <li><a href="#level1_1">Level One</a>
				                        <li><a>Level One<span class="fa fa-chevron-down"></span></a>
				                          <ul class="nav child_menu">
				                            <li class="sub_menu"><a href="level2.html">Level Two</a>
				                            </li>
				                            <li><a href="#level2_1">Level Two</a>
				                            </li>
				                            <li><a href="#level2_2">Level Two</a>
				                            </li>
				                          </ul>
				                        </li>
				                        <li><a href="#level1_2">Level One</a>
				                        </li>
				                    </ul>
				                  </li>                  
				                  <li><a href="javascript:void(0)"><i class="fa fa-laptop"></i> Landing Page <span class="label label-success pull-right">Coming Soon</span></a></li>
				                </ul> -->
				              </div>
				
				            </div>
				            <!-- /sidebar menu -->

				            <!-- /menu footer buttons -->
				            <div class="sidebar-footer hidden-small">
				              <a data-toggle="tooltip" data-placement="top" title="Settings">
				                <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
				              </a>
				              <a data-toggle="tooltip" data-placement="top" title="FullScreen">
				                <span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
				              </a>
				              <a data-toggle="tooltip" data-placement="top" title="Lock">
				                <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
				              </a>
				              <a data-toggle="tooltip" data-placement="top" title="Logout" href="login.html">
				                <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
				              </a>
				            </div>
				            <!-- /menu footer buttons -->

	</div>
</div>